<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="path" value="${pageContext.request.contextPath}" />
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title> Settings - Vetra | E-Commerce HTML Admin Dashboard Template </title>

    <!-- Google fonts -->
    <link rel="preconnect" href="https://fonts.gstatic.com/">
    <link href="../../../statics/grzx/static/css/css2.css" rel="stylesheet">

    <!-- Bootstrap icons -->
    <link rel="stylesheet" href="../../../statics/grzx/static/css/bootstrap-icons.min.css" type="text/css">
    <!-- Bootstrap Docs -->
    <link rel="stylesheet" href="../../../statics/grzx/static/css/bootstrap-docs.css" type="text/css">


    <!-- Main style file -->
    <link rel="stylesheet" href="../../../statics/grzx/static/css/app.min.css" type="text/css">

    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!-- preloader -->
<div class="preloader">
    <img src="static/picture/logo.svg" alt="logo">
    <div class="preloader-icon"></div>
</div>
<!-- ./ preloader -->

<!-- sidebars -->

<!-- notifications sidebar -->
<div class="sidebar" id="notifications">
    <div class="sidebar-header d-block align-items-end">
        <div class="align-items-center d-flex justify-content-between py-4">
            Notifications
            <button data-sidebar-close="">
                <i class="bi bi-arrow-right"></i>
            </button>
        </div>
        <ul class="nav nav-pills">
            <li class="nav-item">
                <a class="nav-link active nav-link-notify" data-bs-toggle="tab" href="#activities">Activities</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-bs-toggle="tab" href="#notes">Notes</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-bs-toggle="tab" href="#alerts">Alerts</a>
            </li>
        </ul>
    </div>
    <div class="sidebar-content">
        <div class="tab-content">
            <div class="tab-pane active" id="activities">
                <div class="tab-pane-body">
                    <ul class="list-group list-group-flush">
                        <li class="px-0 list-group-item">
                            <a href="#" class="d-flex">
                                <div class="flex-shrink-0">
                                    <figure class="avatar avatar-info me-3">
                                            <span class="avatar-text rounded-circle">
                                                <i class="bi bi-person"></i>
                                            </span>
                                    </figure>
                                </div>
                                <div class="flex-grow-1">
                                    <p class="mb-0 fw-bold d-flex justify-content-between">
                                        You joined a group
                                    </p>
                                    <span class="text-muted small">
                                        <i class="bi bi-clock me-1"></i> Today
                                    </span>
                                </div>
                            </a>
                        </li>
                        <li class="px-0 list-group-item">
                            <a href="#" class="d-flex">
                                <div class="flex-shrink-0">
                                    <figure class="avatar avatar-warning me-3">
                                            <span class="avatar-text rounded-circle">
                                                <i class="bi bi-hdd"></i>
                                            </span>
                                    </figure>
                                </div>
                                <div class="flex-grow-1">
                                    <p class="mb-0 fw-bold d-flex justify-content-between">
                                        Storage is running low!
                                    </p>
                                    <span class="text-muted small">
                                        <i class="bi bi-clock me-1"></i> Today
                                    </span>
                                </div>
                            </a>
                        </li>
                        <li class="px-0 list-group-item">
                            <a href="#" class="d-flex">
                                <div class="flex-shrink-0">
                                    <figure class="avatar avatar-secondary me-3">
                                            <span class="avatar-text rounded-circle">
                                                <i class="bi bi-file-text"></i>
                                            </span>
                                    </figure>
                                </div>
                                <div class="flex-grow-1">
                                    <p class="mb-0 d-flex justify-content-between">
                                        1 person sent a file
                                    </p>
                                    <span class="text-muted small">
                                        <i class="bi bi-clock me-1"></i> Yesterday
                                    </span>
                                </div>
                            </a>
                        </li>
                        <li class="px-0 list-group-item">
                            <a href="#" class="d-flex">
                                <div class="flex-shrink-0">
                                    <figure class="avatar avatar-success me-3">
                                            <span class="avatar-text rounded-circle">
                                                <i class="bi bi-download"></i>
                                            </span>
                                    </figure>
                                </div>
                                <div class="flex-grow-1">
                                    <p class="mb-0 d-flex justify-content-between">
                                        Reports ready to download
                                    </p>
                                    <span class="text-muted small">
                                        <i class="bi bi-clock me-1"></i> Yesterday
                                    </span>
                                </div>
                            </a>
                        </li>
                        <li class="px-0 list-group-item">
                            <a href="#" class="d-flex">
                                <div class="flex-shrink-0">
                                    <figure class="avatar avatar-info me-3">
                                            <span class="avatar-text rounded-circle">
                                                <i class="bi bi-lock"></i>
                                            </span>
                                    </figure>
                                </div>
                                <div class="flex-grow-1">
                                    <p class="mb-0 d-flex justify-content-between">
                                        2 steps verification
                                    </p>
                                    <span class="text-muted small">
                                        <i class="bi bi-clock me-1"></i> 20 min ago
                                    </span>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="tab-pane-footer">
                    <a href="#" class="btn btn-success">
                        <i class="bi bi-check2 me-2"></i> Make All Read
                    </a>
                    <a href="#" class="btn btn-danger ms-2">
                        <i class="bi bi-trash me-2"></i> Delete all
                    </a>
                </div>
            </div>
            <div class="tab-pane" id="notes">
                <div class="tab-pane-body">
                    <ul class="list-group list-group-flush">
                        <li class="px-0 list-group-item">
                            <p class="mb-0 fw-bold text-success d-flex justify-content-between">
                                This month's report will be prepared.
                            </p>
                            <span class="text-muted small">
                                <i class="bi bi-clock me-1"></i> Today
                            </span>
                            <div class="mt-2">
                                <a href="#">Edit</a>
                                <a href="#" class="text-danger ms-2">Delete</a>
                            </div>
                        </li>
                        <li class="px-0 list-group-item">
                            <p class="mb-0 fw-bold text-success d-flex justify-content-between">
                                An email will be sent to the customer.
                            </p>
                            <span class="text-muted small">
                                <i class="bi bi-clock me-1"></i> Today
                            </span>
                            <div class="mt-2">
                                <a href="#">Edit</a>
                                <a href="#" class="text-danger ms-2">Delete</a>
                            </div>
                        </li>
                        <li class="px-0 list-group-item">
                            <p class="mb-0 d-flex justify-content-between">
                                The meeting will be held.
                            </p>
                            <span class="text-muted small">
                                <i class="bi bi-clock me-1"></i> Yesterday</span>
                            <div class="mt-2">
                                <a href="#">Edit</a>
                                <a href="#" class="text-danger ms-2">Delete</a>
                            </div>
                        </li>
                        <li class="px-0 list-group-item">
                            <p class="mb-0 fw-bold text-success d-flex justify-content-between">
                                Conversation with users.
                            </p>
                            <span class="text-muted small">
                                <i class="bi bi-clock me-1"></i> Yesterday
                            </span>
                            <div class="mt-2">
                                <a href="#">Edit</a>
                                <a href="#" class="text-danger ms-2">Delete</a>
                            </div>
                        </li>
                        <li class="px-0 list-group-item">
                            <p class="mb-0 fw-bold text-warning d-flex justify-content-between">
                                Payment refund will be made to the customer.
                            </p>
                            <span class="text-muted small">
                                <i class="bi bi-clock me-1"></i> 20 min ago
                            </span>
                            <div class="mt-2">
                                <a href="#">Edit</a>
                                <a href="#" class="text-danger ms-2">Delete</a>
                            </div>
                        </li>
                        <li class="px-0 list-group-item">
                            <p class="mb-0 d-flex justify-content-between">
                                Payment form will be activated.
                            </p>
                            <span class="text-muted small">
                                <i class="bi bi-clock me-1"></i> 20 min ago
                            </span>
                            <div class="mt-2">
                                <a href="#">Edit</a>
                                <a href="#" class="text-danger ms-2">Delete</a>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="tab-pane-footer">
                    <a href="#" class="btn btn-primary btn-block">
                        <i class="bi bi-plus me-2"></i> Add Notes
                    </a>
                </div>
            </div>
            <div class="tab-pane" id="alerts">
                <div class="tab-pane-body">
                    <ul class="list-group list-group-flush">
                        <li class="px-0 list-group-item d-flex">
                            <div class="flex-shrink-0">
                                <figure class="avatar avatar-warning me-3">
                                        <span class="avatar-text rounded-circle">
                                            <i class="bi bi-lock"></i>
                                        </span>
                                </figure>
                            </div>
                            <div class="flex-grow-1">
                                <p class="mb-0 fw-bold d-flex justify-content-between">
                                    Signed in with a different device.
                                </p>
                                <span class="text-muted small">
                                        <i class="bi bi-clock me-1"></i> Yesterday
                                    </span>
                            </div>
                        </li>
                        <li class="px-0 list-group-item d-flex">
                            <div class="flex-shrink-0">
                                <figure class="avatar avatar-warning me-3">
                                        <span class="avatar-text fw-bold rounded-circle">
                                            <i class="bi bi-file-text"></i>
                                        </span>
                                </figure>
                            </div>
                            <div class="flex-grow-1">
                                <p class="mb-0 fw-bold d-flex justify-content-between">
                                    Your billing information is not active.
                                </p>
                                <span class="text-muted small">
                                        <i class="bi bi-clock me-1"></i> Yesterday
                                    </span>
                            </div>
                        </li>
                        <li class="px-0 list-group-item d-flex">
                            <div class="flex-shrink-0">
                                <figure class="avatar avatar-warning me-3">
                                        <span class="avatar-text rounded-circle">
                                            <i class="bi bi-person"></i>
                                        </span>
                                </figure>
                            </div>
                            <div class="flex-grow-1">
                                <p class="mb-0 d-flex justify-content-between">
                                    Your subscription has expired.
                                </p>
                                <span class="text-muted small">
                                        <i class="bi bi-clock me-1"></i> Today
                                    </span>
                            </div>
                        </li>
                        <li class="px-0 list-group-item d-flex">
                            <div class="flex-shrink-0">
                                <figure class="avatar avatar-warning me-3">
                                        <span class="avatar-text rounded-circle">
                                            <i class="bi bi-hdd"></i>
                                        </span>
                                </figure>
                            </div>
                            <div class="flex-grow-1">
                                <p class="mb-0 d-flex justify-content-between">
                                    Your storage space is running low
                                </p>
                                <span class="text-muted small">
                                        <i class="bi bi-clock me-1"></i> Today
                                    </span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="tab-pane-footer">
                    <a href="#" class="btn btn-success">
                        <i class="bi bi-check2 me-2"></i> Make All Read
                    </a>
                    <a href="#" class="btn btn-danger ms-2">
                        <i class="bi bi-trash me-2"></i> Delete all
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ./ notifications sidebar -->

<!-- settings sidebar -->
<!--<div class="sidebar" id="settings">-->
<!--    <div class="sidebar-header">-->
<!--        <div>-->
<!--            <i class="bi bi-gear me-2"></i>-->
<!--            Settings-->
<!--        </div>-->
<!--        <button data-sidebar-close="">-->
<!--            <i class="bi bi-arrow-right"></i>-->
<!--        </button>-->
<!--    </div>-->
<!--    <div class="sidebar-content">-->
<!--        <ul class="list-group list-group-flush">-->
<!--            <li class="list-group-item px-0 border-0">-->
<!--                <div class="form-check">-->
<!--                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault1" checked="">-->
<!--                    <label class="form-check-label" for="flexCheckDefault1">-->
<!--                        Remember next visits-->
<!--                    </label>-->
<!--                </div>-->
<!--            </li>-->
<!--            <li class="list-group-item px-0 border-0">-->
<!--                <div class="form-check">-->
<!--                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault2" checked="">-->
<!--                    <label class="form-check-label" for="flexCheckDefault2">-->
<!--                        Enable report generation.-->
<!--                    </label>-->
<!--                </div>-->
<!--            </li>-->
<!--            <li class="list-group-item px-0 border-0">-->
<!--                <div class="form-check">-->
<!--                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault3" checked="">-->
<!--                    <label class="form-check-label" for="flexCheckDefault3">-->
<!--                        Allow notifications.-->
<!--                    </label>-->
<!--                </div>-->
<!--            </li>-->
<!--            <li class="list-group-item px-0 border-0">-->
<!--                <div class="form-check">-->
<!--                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault4">-->
<!--                    <label class="form-check-label" for="flexCheckDefault4">-->
<!--                        Hide user requests-->
<!--                    </label>-->
<!--                </div>-->
<!--            </li>-->
<!--            <li class="list-group-item px-0 border-0">-->
<!--                <div class="form-check">-->
<!--                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault5" checked="">-->
<!--                    <label class="form-check-label" for="flexCheckDefault5">-->
<!--                        Speed up demands-->
<!--                    </label>-->
<!--                </div>-->
<!--            </li>-->
<!--            <li class="list-group-item px-0 border-0">-->
<!--                <div class="form-check">-->
<!--                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">-->
<!--                    <label class="form-check-label" for="flexCheckDefault">-->
<!--                        Hide menus-->
<!--                    </label>-->
<!--                </div>-->
<!--            </li>-->
<!--        </ul>-->
<!--    </div>-->
<!--    <div class="sidebar-action">-->
<!--        <a href="#" class="btn btn-primary">All Settings</a>-->
<!--    </div>-->
<!--</div>-->
<!-- ./ settings sidebar -->

<!-- search sidebar -->
<!--<div class="sidebar" id="search">-->
<!--    <div class="sidebar-header">-->
<!--        Search-->
<!--        <button data-sidebar-close="">-->
<!--            <i class="bi bi-arrow-right"></i>-->
<!--        </button>-->
<!--    </div>-->
<!--    <div class="sidebar-content">-->
<!--        <form class="mb-4">-->
<!--            <div class="input-group mb-3">-->
<!--                <input type="text" class="form-control" placeholder="Search" aria-describedby="button-search-addon">-->
<!--                <button class="btn btn-outline-light" type="button" id="button-search-addon">-->
<!--                    <i class="bi bi-search"></i>-->
<!--                </button>-->
<!--            </div>-->
<!--        </form>-->
<!--        <h6 class="mb-3">Last searched</h6>-->
<!--        <div class="mb-4">-->
<!--            <div class="d-flex align-items-center mb-3">-->
<!--                <a href="#" class="avatar avatar-sm me-3">-->
<!--                        <span class="avatar-text rounded-circle">-->
<!--                            <i class="bi bi-search"></i>-->
<!--                        </span>-->
<!--                </a>-->
<!--                <a href="#" class="flex-fill">Reports for 2021</a>-->
<!--                <a href="#" class="btn text-danger btn-sm" data-bs-toggle="tooltip" title="Remove">-->
<!--                    <i class="bi bi-x"></i>-->
<!--                </a>-->
<!--            </div>-->
<!--            <div class="d-flex align-items-center mb-3">-->
<!--                <a href="#" class="avatar avatar-sm me-3">-->
<!--                        <span class="avatar-text rounded-circle">-->
<!--                            <i class="bi bi-search"></i>-->
<!--                        </span>-->
<!--                </a>-->
<!--                <a href="#" class="flex-fill">Current users</a>-->
<!--                <a href="#" class="btn" data-bs-toggle="tooltip" title="Remove">-->
<!--                    <i class="bi bi-x"></i>-->
<!--                </a>-->
<!--            </div>-->
<!--            <div class="d-flex align-items-center mb-3">-->
<!--                <a href="#" class="avatar avatar-sm me-3">-->
<!--                        <span class="avatar-text rounded-circle">-->
<!--                            <i class="bi bi-search"></i>-->
<!--                        </span>-->
<!--                </a>-->
<!--                <a href="#" class="flex-fill">Meeting notes</a>-->
<!--                <a href="#" class="btn" data-bs-toggle="tooltip" title="Remove">-->
<!--                    <i class="bi bi-x"></i>-->
<!--                </a>-->
<!--            </div>-->
<!--        </div>-->
<!--        <h6 class="mb-3">Recently viewed</h6>-->
<!--        <div class="mb-4">-->
<!--            <div class="d-flex align-items-center mb-3">-->
<!--                <a href="#" class="avatar avatar-secondary avatar-sm me-3">-->
<!--                        <span class="avatar-text rounded-circle">-->
<!--                            <i class="bi bi-check-circle"></i>-->
<!--                        </span>-->
<!--                </a>-->
<!--                <a href="#" class="flex-fill">Todo list</a>-->
<!--                <a href="#" class="btn" data-bs-toggle="tooltip" title="Remove">-->
<!--                    <i class="bi bi-x"></i>-->
<!--                </a>-->
<!--            </div>-->
<!--            <div class="d-flex align-items-center mb-3">-->
<!--                <a href="#" class="avatar avatar-warning avatar-sm me-3">-->
<!--                        <span class="avatar-text rounded-circle">-->
<!--                            <i class="bi bi-wallet2"></i>-->
<!--                        </span>-->
<!--                </a>-->
<!--                <a href="#" class="flex-fill">Pricing table</a>-->
<!--                <a href="#" class="btn" data-bs-toggle="tooltip" title="Remove">-->
<!--                    <i class="bi bi-x"></i>-->
<!--                </a>-->
<!--            </div>-->
<!--            <div class="d-flex align-items-center mb-3">-->
<!--                <a href="#" class="avatar avatar-info avatar-sm me-3">-->
<!--                        <span class="avatar-text rounded-circle">-->
<!--                            <i class="bi bi-gear"></i>-->
<!--                        </span>-->
<!--                </a>-->
<!--                <a href="#" class="flex-fill">Settings</a>-->
<!--                <a href="#" class="btn" data-bs-toggle="tooltip" title="Remove">-->
<!--                    <i class="bi bi-x"></i>-->
<!--                </a>-->
<!--            </div>-->
<!--            <div class="d-flex align-items-center mb-3">-->
<!--                <a href="#" class="avatar avatar-success avatar-sm me-3">-->
<!--                        <span class="avatar-text rounded-circle">-->
<!--                            <i class="bi bi-person-circle"></i>-->
<!--                        </span>-->
<!--                </a>-->
<!--                <a href="#" class="flex-fill">Users</a>-->
<!--                <a href="#" class="btn" data-bs-toggle="tooltip" title="Remove">-->
<!--                    <i class="bi bi-x"></i>-->
<!--                </a>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--    <div class="sidebar-action">-->
<!--        <a href="#" class="btn btn-danger">All Clear</a>-->
<!--    </div>-->
<!--</div>-->
<!-- ./ search sidebar -->

<!-- ./ sidebars -->

<!-- menu -->
<div class="menu">
    <div class="menu-header">
        <a href="index.html" class="menu-header-logo">
            <img src="../../../statics/grzx/static/picture/logo.svg" alt="logo">
        </a>
        <a href="index.html" class="btn btn-sm menu-close-btn">
            <i class="bi bi-x"></i>
        </a>
    </div>
    <div class="menu-body">
        <div class="dropdown">
            <a href="#" class="d-flex align-items-center" data-bs-toggle="dropdown">
                <div class="avatar me-3">
                    <img src="../../../statics/grzx/static/picture/man_avatar3.jpg" class="rounded-circle" alt="image">
                </div>
                <div>
                    <div class="fw-bold">Timotheus Bendan</div>
                    <small class="text-muted">Sales Manager</small>
                </div>
            </a>
            <div class="dropdown-menu dropdown-menu-end">
                <a href="#" class="dropdown-item d-flex align-items-center">
                    <i class="bi bi-person dropdown-item-icon"></i> Profile
                </a>
                <a href="#" class="dropdown-item d-flex align-items-center">
                    <i class="bi bi-envelope dropdown-item-icon"></i> Inbox
                </a>
                <a href="#" class="dropdown-item d-flex align-items-center" data-sidebar-target="#settings">
                    <i class="bi bi-gear dropdown-item-icon"></i> Settings
                </a>
                <a href="login.html" class="dropdown-item d-flex align-items-center text-danger" target="_blank">
                    <i class="bi bi-box-arrow-right dropdown-item-icon"></i> Logout
                </a>
            </div>
        </div>
        <ul>
            <li>
                <a href="${pageContext.request.contextPath}/home/index">
                    <span class="nav-link-icon">
                        <i class="bi bi-receipt"></i>
                    </span>
                    <span>首页</span>
                </a>

            </li>
            <li>
                <a class="active" href="/home/account/select">
                    <span class="nav-link-icon">
                       <i class="bi bi-person-badge"></i>
                    </span>
                    <span>个人信息</span>
                </a>

            </li>
            <li>
                <a href="${pageContext.request.contextPath}/center/refund">
                    <span class="nav-link-icon">
                        <i class="bi bi-wallet2"></i>
                    </span>
                    <span>退房</span>
                </a>
            </li>
            <li>
                <a href="/home/account/index">
                    <span class="nav-link-icon">
                        <i class="bi bi-truck"></i>
                    </span>
                    <span>订单</span>
                </a>
            </li>



        </ul>
    </div>
</div>
<!-- ./  menu -->

<!-- layout-wrapper -->
<div class="layout-wrapper">

    <!-- header -->
    <div class="header">

        <div class="header-bar ms-auto">
            <ul class="navbar-nav justify-content-end">
                <li class="nav-item">
                    <a href="#" class="nav-link nav-link-notify" data-count="2" data-sidebar-target="#notifications">
                        <i class="bi bi-bell icon-lg"></i>
                    </a>
                </li>
                <li class="nav-item dropdown">
                    <a href="#" class="nav-link nav-link-notify" data-count="3" data-bs-toggle="dropdown">
                        <i class="bi bi-cart2 icon-lg"></i>
                    </a>
                    <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end p-0">
                        <h6 class="m-0 px-4 py-3 border-bottom">Shopping Cart</h6>
                        <div class="dropdown-menu-body">
                            <div class="list-group list-group-flush">
                                <div class="list-group-item d-flex align-items-center">
                                    <a href="#" class="text-danger me-3" title="Remove">
                                        <i class="bi bi-trash"></i>
                                    </a>
                                    <a href="#" class="me-3 flex-shrink-0 ">
                                        <img src="../../../statics/grzx/static/picture/3.jpg" class="rounded" width="60" alt="...">
                                    </a>
                                    <div>
                                        <h6>Digital clock</h6>
                                        <div>1 x $1.190,90</div>
                                    </div>
                                </div>
                            </div>
                            <div class="list-group list-group-flush">
                                <div class="list-group-item d-flex align-items-center">
                                    <a href="#" class="text-danger me-3" title="Remove">
                                        <i class="bi bi-trash"></i>
                                    </a>
                                    <a href="#" class="me-3 flex-shrink-0 ">
                                        <img src="../../../statics/grzx/static/picture/4.jpg" class="rounded" width="60" alt="...">
                                    </a>
                                    <div>
                                        <h6>Toy Car</h6>
                                        <div>1 x $139.58</div>
                                    </div>
                                </div>
                            </div>
                            <div class="list-group list-group-flush">
                                <div class="list-group-item d-flex align-items-center">
                                    <a href="#" class="text-danger me-3" title="Remove">
                                        <i class="bi bi-trash"></i>
                                    </a>
                                    <a href="#" class="me-3 flex-shrink-0 ">
                                        <img src="../../../statics/grzx/static/picture/5.jpg" class="rounded" width="60" alt="...">
                                    </a>
                                    <div>
                                        <h6>Sunglasses</h6>
                                        <div>2 x $50,90</div>
                                    </div>
                                </div>
                            </div>
                            <div class="list-group list-group-flush">
                                <div class="list-group-item d-flex align-items-center">
                                    <a href="#" class="text-danger me-3" title="Remove">
                                        <i class="bi bi-trash"></i>
                                    </a>
                                    <a href="#" class="me-3 flex-shrink-0 ">
                                        <img src="../../../statics/grzx/static/picture/6.jpg" class="rounded" width="60" alt="...">
                                    </a>
                                    <div>
                                        <h6>Cake</h6>
                                        <div>1 x $10,50</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <h6 class="m-0 px-4 py-3 border-top small">Sub Total : <strong class="text-primary">$1.442,78</strong></h6>
                    </div>
                </li>
                <li class="nav-item ms-3">
                    <button class="btn btn-success btn-icon">
                        <i class="bi bi-check-circle"></i>保存
                    </button>
                </li>
            </ul>
        </div>
        <!-- Header mobile buttons -->
        <div class="header-mobile-buttons">
            <a href="#" class="search-bar-btn">
                <i class="bi bi-search"></i>
            </a>
            <a href="#" class="actions-btn">
                <i class="bi bi-three-dots"></i>
            </a>
        </div>
        <!-- ./ Header mobile buttons -->
    </div>
    <!-- ./ header -->

    <!-- content -->
    <div class="content ">
        <div class="row flex-column-reverse flex-md-row">
            <div class="col-md-8">
                <div class="tab-content" id="myTabContent">
                    <div class="tab-pane fade show active" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                        <form action="${pageContext.request.contextPath}/home/account/update?Id=${accountAll.id }">
                            <input type="hidden" name="id" value="${accountAll.id }">
                        <div class="mb-4">
                            <div class="d-flex flex-column flex-md-row text-center text-md-start mb-3">
                                <figure class="me-4 flex-shrink-0">
                                    <img width="100" class="rounded-pill" src="${accountAll.img}" alt="...">
                                </figure>
                                <div class="flex-fill">
                                    <h5 class="mb-3">${accountAll.name}</h5>
<%--                                    <button class="btn btn-primary me-2">更换图片</button>--%>

<%--                                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">跟换图片 <span class="required">*</span>--%>
                                        </label>
                                        <div class="col-md-6  col-xs-8">
                                            <input type="file" class="form-control col-md-7 col-xs-12" name="a_logoPicPath"  required="required" id="a_logoPicPath"/>
<%--                                            ${fileUploadError }--%>
                                        </div>
<%--                                    <button class="btn btn-outline-danger btn-icon" data-bs-toggle="tooltip" title="Remove Avatar">--%>
<%--                                        <i class="bi bi-trash me-0"></i>--%>
<%--                                    </button>--%>
                                    <p class="small text-muted mt-3">For best results, use an image at least
                                        256px by 256px in either .jpg or .png format</p>
                                </div>
                            </div>
                            <div class="card mb-4">
                                <div class="card-body">
                                    <h6 class="card-title mb-4">修改基本信息</h6>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label class="form-label">用户名</label>
                                                <input type="text" class="form-control" value="${accountAll.name}" name="name" id="name" vule="${accountAll.name}">
                                            </div>
                                            <div class="mb-3"type="hidden">
                                                <label class="form-label">密码</label>
                                                <input type="text" class="form-control" value="${accountAll.password}" name="password" id="password" vule="${accountAll.password}">
                                            </div>
                                            <div class="mb-3">
                                                <label class="form-label">真实姓名</label>
                                                <input type="text" class="form-control" value="${accountAll.realName}"name="realName"  id="realName">
                                            </div>
                                            <div class="mb-3">
                                                <label class="form-label">身份证号</label>
                                                <input type="text" class="form-control" value="${accountAll.idCard}"name="idCard"id="idCard">
                                            </div>
                                            <div class="mb-3">
                                                <label class="form-label">手机号码</label>
                                                <input type="text" class="form-control" value="${accountAll.mobile}"name="mobile" id="mobile">
                                            </div>


                                            <div class="mb-3">
                                                <button class="btn btn-success btn-icon">
                                                    <i class="bi bi-check-circle"></i>保存
                                                </button>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                         </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- Bundle scripts -->
    <script src="../../../statics/grzx/static/js/bundle.js"></script>
    <!-- Main Javascript file -->
    <script src="../../../statics/grzx/static/js/app.min.js"></script>
</body>
</html>
